.adminLayout {
    min-height: 100vh;
    background-color: #0a0a0a !important;
     :global(.ant-layout-header) {
        padding: 0;
        background: #1a1a1a;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        border-bottom: 1px solid #333;
    }
    .adminHeader {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 32px;
        height: 70px;
        background: #1a1a1a;
        border-bottom: 1px solid #333;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        width: 100%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        .headerLeft {
            display: flex;
            align-items: center;
            .logo {
                height: 40px;
                margin-right: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                img {
                    border-radius: 6px;
                    object-fit: cover;
                }
            }
            .title {
                font-size: 18px;
                font-weight: 500;
                color: #e6e6e6;
                letter-spacing: 0.5px;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            }
        }
        .headerRight {
            display: flex;
            align-items: center;
            .userInfo {
                cursor: pointer;
                padding: 12px 16px;
                border-radius: 8px;
                transition: background-color 0.3s;
                &:hover {
                    background-color: #333;
                }
            }
            .username {
                color: #fff;
                font-weight: 500;
                transition: color 0.3s;
                &:hover {
                    color: #00ff00;
                }
            }
        }
    }
    @media (max-width: 768px) {
        .adminHeader {
            padding: 0 16px;
            .headerLeft {
                .logo {
                    height: 32px;
                    margin-right: 12px;
                    img {
                        width: 28px;
                        height: 28px;
                    }
                }
                .title {
                    font-size: 16px;
                }
            }
        }
    }
    .adminSider {
        position: fixed;
        top: 70px;
        left: 0;
        bottom: 0;
        width: 280px;
        transition: width 0.2s;
        z-index: 100;
        background: #141414;
         :global(.ant-layout-sider-children) {
            display: flex;
            flex-direction: column;
            height: 100%;
            background: #141414;
            margin-top: 28px;
        }
         :global(.ant-layout-sider) {
            background: #141414 !important;
        }
        .collapseButtonContainer {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 12px 0;
            border-top: 1px solid #333;
            margin-top: 8px;
            .triggerButton {
                width: 40px;
                height: 40px;
                border: 1px solid #333;
                background: #1a1a1a;
                color: #ccc;
                border-radius: 8px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.3s ease;
                &:hover {
                    background: #2a2a2a;
                    color: #00ff00;
                    border-color: #00ff00;
                    transform: scale(1.05);
                }
                 :global(.anticon) {
                    font-size: 16px;
                }
            }
        }
        .siderMenu {
            flex: 1;
            border-right: 0;
            height: calc(100vh - 70px - 120px);
            scrollbar-width: thin;
            scrollbar-color: #555 #2a2a2a;
            background: #141414;
            padding-right: 25px !important;
            // 自定义滚动条样式
            &::-webkit-scrollbar {
                width: 8px;
            }
            &::-webkit-scrollbar-track {
                background: #2a2a2a;
                border-radius: 4px;
            }
            &::-webkit-scrollbar-thumb {
                background: #555;
                border-radius: 4px;
                &:hover {
                    background: #777;
                }
            }
             :global(.ant-menu) {
                background: transparent !important;
                border-right: none !important;
            }
             :global(.ant-menu-item),
             :global(.ant-menu-submenu-title) {
                border-radius: 8px !important;
                height: 48px !important;
                line-height: 48px !important;
                font-size: 14px !important;
                font-weight: 400 !important;
                color: #b0b0b0 !important;
                background: transparent !important;
                transition: all 0.3s ease !important;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
                letter-spacing: 0.3px;
                &:hover {
                    background: rgba(42, 42, 42, 0.8) !important;
                    color: #e6e6e6 !important;
                    transform: translateX(3px);
                }
            }
             :global(.ant-menu-item-selected) {
                background: rgba(0, 255, 0, 0.15) !important;
                color: #00ff00 !important;
                box-shadow: 0 2px 8px rgba(0, 255, 0, 0.2);
                transform: translateX(4px);
                border-radius: 8px !important;
                border: 1px solid rgba(0, 255, 0, 0.3) !important;
                &::after {
                    display: none !important;
                }
            }
            

             :global(.ant-menu-item-icon) {
                font-size: 16px !important;
                margin-right: 12px !important;
                color: #999 !important;
                transition: color 0.3s ease !important;
            }
            
             :global(.ant-menu-item:hover .ant-menu-item-icon) {
                color: #00ff00 !important;
            }
            
             :global(.ant-menu-item-selected .ant-menu-item-icon) {
                color: #00ff00 !important;
            }
            
            // 分割项样式
             :global(.ant-menu-divider) {
                margin: 8px 16px !important;
                border-color: #333 !important;
                border-width: 1px !important;
                background-color: #333 !important;
            }
        }
        // 底部服务设置和版本号
        .siderFooter {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #0f0f0f;
            border-top: 1px solid #333;
            padding: 16px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            .serviceSettings {
                display: flex;
                flex-direction: column;
                gap: 4px;
                
                .serviceButton {
                    width: 100%;
                    height: 36px;
                    color: #999;
                    border: none;
                    background: transparent;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    padding: 0 16px;
                    border-radius: 6px;
                    transition: all 0.3s ease;
                    font-size: 13px;
                    
                    &:hover {
                        background: #2a2a2a;
                        color: #00ff00;
                        transform: translateX(4px);
                    }
                    
                     :global(.anticon) {
                        font-size: 14px;
                        margin-right: 10px;
                        color: #999;
                    }
                    
                    &:hover :global(.anticon) {
                        color: #00ff00;
                    }
                }
            }
            
            // 帮助区域样式
            .helpSection {
                display: flex;
                flex-direction: column;
                gap: 4px;
                
                .helpButton {
                    width: 100%;
                    height: 36px;
                    color: #999;
                    border: none;
                    background: transparent;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    padding: 0 16px;
                    border-radius: 6px;
                    transition: all 0.3s ease;
                    font-size: 13px;
                    
                    &:hover {
                        background: #2a2a2a;
                        color: #00ff00;
                        transform: translateX(4px);
                    }
                    
                     :global(.anticon) {
                        font-size: 14px;
                        margin-right: 10px;
                        color: #999;
                    }
                    
                    &:hover :global(.anticon) {
                        color: #00ff00;
                    }
                }
            }
            
            .versionInfo {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 8px 0;
                .versionText {
                    color: #666;
                    font-size: 12px;
                    font-weight: 400;
                }
            }
        }
    }
    @media (max-width: 992px) {
        .collapseButton {
            display: none !important;
        }
    }
    .adminContent {
        margin: 70px 0 0;
        overflow: initial;
        padding: 32px;
        min-height: calc(100vh - 70px);
        transition: margin-left 0.2s;
        background: #0f0f0f;
        background-image: radial-gradient(circle at 25% 25%, rgba(24, 144, 255, 0.05) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgba(24, 144, 255, 0.03) 0%, transparent 50%);
         :global(.ant-card) {
            background: #1a1a1a !important;
            border: 1px solid #333 !important;
            border-radius: 12px !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
            .ant-card-head {
                background: #1a1a1a !important;
                border-bottom: 1px solid #333 !important;
                .ant-card-head-title {
                    color: #fff !important;
                    font-weight: 600 !important;
                }
            }
            .ant-card-body {
                background: #1a1a1a !important;
                color: #ccc !important;
            }
        }
        // 增加优先级覆盖Ant Design默认样式
         :global(.ant-card .ant-card-head) {
            border-bottom: 1px solid #333 !important;
        }
         :global(.ant-tabs) {
            .ant-tabs-nav {
                background: transparent !important;
                &::before {
                    border-bottom: 1px solid #333 !important;
                }
            }
            .ant-tabs-tab {
                background: #2a2a2a !important;
                border: 1px solid #444 !important;
                border-radius: 8px 8px 0 0 !important;
                margin-right: 8px !important;
                color: #ccc !important;
                font-weight: 500 !important;
                padding: 16px 24px !important;
                transition: all 0.3s ease !important;
                &:hover {
                    background: #333 !important;
                    color: #fff !important;
                }
                &.ant-tabs-tab-active {
                    background: #1890ff !important;
                    color: #fff !important;
                    border-color: #1890ff !important;
                    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3) !important;
                }
            }
            .ant-tabs-content-holder {
                background: #1a1a1a !important;
                border-radius: 0 12px 12px 12px !important;
                border: 1px solid #333 !important;
                padding: 24px !important;
            }
            .ant-tabs-tabpane {
                color: #ccc !important;
                font-size: 16px !important;
                line-height: 1.6 !important;
            }
        }
         :global(.ant-typography) {
            color: #ccc !important;
        }
    }
}